<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>9.3.3</title>
    <script type="text/javascript">
        function copy() {
            var dai1 = document.getElementById('text1').value;
            var dai2 = document.getElementById('text2').value;
            while (dai1.selectedIndex != -1) {
                text2.appendChild(text1.options[text1.selectedIndex]);
            }
        }
        function delete2() {
            var dai3 = document.getElementById('text1').value;
            text1.options[text1.selectedIndex] = null;
        }
    </script>
    <style type="text/css">
        table {
            border: 1px solid;
            width: 300px;
            border-collapse: collapse;
        }

        .button {
            text-align: center;
            vertical-align: middle;
        }

        .text1 {
            width: 120px;
            height: 150px;
            float: left;
        }

        .text2 {
            width: 120px;
            height: 150px;
            float: right;
        }
    </style>
</head>

<body>
    <table align="center">
        <tr>
            <td>待选名单</td>
            <td rowspan="2" class="button">
                <input type="button" value=">>" onclick="copy()"><br><br>
                <input type="button" value="放弃" onclick="delete2()">
            </td>

            <td>参加名单</td>
        </tr>
        <tr>
            <td><select class="text1" id="text1" size="10" tabindex="1">
                    <option value="1">王伟</option>
                    <option value="2">李佳</option>
                    <option value="3">赵俊杰</option>
                    <option value="4">董科</option>
                </select></td>
            <td><select class="text2" id="text2" size="10" tabindex="2">

                </select></td>
        </tr>
    </table>
</body>

</html>